.loadingBg {
    height: 0;
    width: 7.5rem;
    text-align: center;
    background-color: #EEE;
    color: #999999;
    font-size: 13px;
    z-index: -1;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;

    &.loadingIcon {

      &:before {
        position: relative;
        content: '';
        width: 18px;
        height: 22px;
        margin-top: -1px;
        background-size: auto 75%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('https://cdn.weipaitang.com/static/20180829a91b202a-dd38-4f2f-ba48-a43900f33805-W36H36');
      }
    }

    // 预留一个icon位
    &:before {
      position: relative;
      content: '';
      width: 18px;
      height: 22px;
    }

    &.showLoading {
      animation: showLoading .3s both;
    }

    &.closeLoading {
      animation: closeLoading .3s both;
    }

    &.cancelLoading {
      animation: cancelLoading .3s both;
    }
  }

  @keyframes showLoading {
    to {
      height: 40px;
    }
  }

  @keyframes closeLoading {
    from {
      height: 40px;
    }
    to {
      height: 0;
    }
  }

  @keyframes cancelLoading {
    to {
      height: 0;
    }
  }